<template>
<div class="container">
    <div class="back" @click="back()">
        111
    </div>
    <audio id="audio" :src="id" autoplay controls></audio>
</div>
</template>
<script>
export default {
    name:'play',
    data(){
    return{
      id:''
    }
  },
  mounted(){
    this.getP()
  },
  watch:{
      '$route'(){
          this.getP()
      }
  },
  methods:{
      back(){
          this.$router.go(-1)
      },
      getP(){
          this.id=this.$route.query.userId
      }
  }
}
</script>
<style scoped>
.back{
    font-size: 30px;
    width: 50px;
}
audio{
    width: 100%;
}
</style>